<html>
<head>
	<title>人脸检测</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./css/faceCheck.css">
	<meta name="viewport"   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>
<body>
<div class="wrap">
	<div class="nav">
		<div class='menu'>
			<span>目目</span>
				<span  class='glyphicon glyphicon-align-justify'></span>
		</div>
		<ul class="nav-ul">
			<li class="nav-li logo-li"></li>
			<li class="nav-li"></li>
			<li class="nav-li main-nav-li">
				<span class="glyphicon glyphicon-camera"></span><span class="dot"></span>人脸识别</li>
			<li class="nav-li main-nav-li">
				<span class="glyphicon glyphicon-camera"></span><span class="dot"></span>人脸检测</li>
			<li class="nav-li main-nav-li">
				<span class="glyphicon glyphicon-camera"></span><span class="dot"></span>姿态检测</li>
			<li class="nav-li go-index">返回首页</li>
		</ul>
	</div>
	<div class="nav-side">
		<ul class="nav-side-ul">
			<li class="nav-side-li active-li">产品概述
				<span class="glyphicon glyphicon-menu-right"></span>
			</li>
			<li class="nav-side-li">功能介绍
				<span class="glyphicon glyphicon-menu-right"></span>
			</li>
			<li class="nav-side-li">应用场景
				<span class="glyphicon glyphicon-menu-right"></span>
			</li>
			<li class="nav-side-li">立即使用
				<span class="glyphicon glyphicon-menu-right"></span>
			</li>
			<li class="nav-side-li return-index">返回首页
				<span class="glyphicon glyphicon-share-alt"></span>
			</li>
			<li class="hide-li"><i class="glyphicon glyphicon-triangle-top"></i></li>
		</ul>
	</div>
	<div class="content">
		<div class="content-one content-part active">
			<h1>人脸检测</h1>
			<div class="desc">
				<p>
					人脸检测（Facial Recognition）是一种基于深度学习技术进行面部分析的服务。包括人脸检测与分析、五官定位、人脸比对与验证、人脸检索、	活体检测等服务。可应用在美妆美颜、面部动效合成、安防监控追逃、金融领域身份认证等多种场景下。
				</p>
				<div class="img-div"></div>
			</div>
		</div>
		<div class="content-two content-part">
			<h1>功能介绍</h1>
			<div class="desc">
				<p>
					功能：对任意一副给定的图像，对其进行识别以确定其中是否含有人脸，如果是则返回人脸的位置、大小，性别，姿态等属性。
					优势：基于深度学习模型，依托海量多年高质训练数据积累，拥有百万级训练样本。支持多姿态人脸检测，在暗光、逆光等极端光线下依然保证超高稳定性。
				</p>
				<div class="img-div"></div>
			</div>
		</div>
		<div class="content-three content-part">
			<h1>应用场景</h1>
			<div class="desc">
				<p>
					功能：对任意一副给定的图像，对其进行识别以确定其中是否含有人脸，如果是则返回人脸的位置、大小，性别，姿态等属性。
					优势：基于深度学习模型，依托海量多年高质训练数据积累，拥有百万级训练样本。支持多姿态人脸检测，在暗光、逆光等极端光线下依然保证超高稳定性。
				</p>
				<div class="img-div"></div>
			</div>
		</div>
		<div class="content-four content-part">
			<h1>立即使用</h1>
			<div class="btn-upload">
				<input type="file" name="" class="upload-pic">
			</div>
			<span class="btn-text">上传照片</span>
			<button class="take-photo-btn btn btn-warning btn-top">立即拍照</button>
			<button class="btn btn-warning btn-top submit-btn">提交</button>
			<button class="return-pre btn btn-warning btn-top">返回上一级</button>

			<div class="booth">
    			<!-- <video id="video" width="400" height="300"></video>
    			<button id='tack'> snap shot</button>
    			<canvas id='canvas' width='400' height='300'></canvas>
    			<img id='img' src=''> -->
    			<video id="video" width="640" height="480" autoplay></video>
<br>
<button id="snap">Snap Photo</button>
<button id="start">start</button>
<button onclick="sendUrl()">提交下载</button>
<canvas id="canvas" width="640" height="480"></canvas>


<img src="" alt="1111">
  			</div>

			<h4 class="notice">
				注意：上传任意一张格式为jpg、png的图片。
			</h4>
			<div class="main-upload-wrap">
				<div class="reco-result-wrap">
					<div class="pics-area">
						<div class="tips">
							预览图片处
						</div>
						<div class="pics-area-wrap img-div"></div>
					</div>
					<div class="pics-area pics-area-result">
						<div class="tips">
							放置结果处
						</div>
						<div class="img-div"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="content-five content-part">
			<h1>关于</h1>
			<div class="desc">
				<p>
					功能：对任意一副给定的图像，对其进行识别以确定其中是否含有人脸，如果是则返回人脸的位置、大小，性别，姿态等属性。
					优势：基于深度学习模型，依托海量多年高质训练数据积累，拥有百万级训练样本。支持多姿态人脸检测，在暗光、逆光等极端光线下依然保证超高稳定性。
				</p>
				<div class="img-div"></div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="./js/faceCheck.js"></script>
<script type="text/javascript" src="./js/jquery-1.11.0.min.js"></script>

</body>
</html>